// axios配置
// 导入axios内置的Method类型
import axios, { type Method } from 'axios'
import { setUserInfo } from '@/stores'
import { showToast } from 'vant'
// import type { userType } from '../types/user'
import router from '@/router'
const baseURL = 'https://consult-api.itheima.net/'
// 创建axios的实例对象 配置基地址 和超时事件
const instance = axios.create({
  baseURL,
  timeout: 10000
})

// 请求拦截器
// 在请求拦截器中 请求头中携带token
instance.interceptors.request.use(
  (config) => {
    // 拿到pinia实例对象
    const store = setUserInfo()
    // config 就是调接口时传入的配置对象
    // 判断pinia中是否有token 并且config中是否有请求头
    if (store.user?.token && config.headers) {
      config.headers.Authorization = `Bearer ${store.user.token}`
    }
    return config
  },
  (error) => Promise.reject(error)
)

// 响应拦截器
instance.interceptors.response.use(
  (res) => {
    // 第一个回调函数只会在响应状态码为2开头才会指向
    // status为200只是这次请求是成功的但不代表业务成功  res.data.code =10000时业务才算成功
    if (res.data.code !== 10000) {
      // 如果 code不等于10000代表业务失败提示用户
      showToast(res.data.message || '业务失败')
      return Promise.reject(res.data)
    }
    // 业务成功返回 响应数据
    return res.data
  },
  // 第二个回调函数会在状态码为非2开头指向
  (err) => {
    // 处理token过期
    if (err.response.status === 401) {
      // 删除用户信息
      const store = setUserInfo()
      store.delUser()
      // 跳转到登录页面,
      // 如果用户之前在某一个页面访问 那么需要带上用户之前访问的完整url地址
      // 之后会在登录做处理
      router.push(`/login/returnUrl=${router.currentRoute.value.fullPath}`)
    }
    return Promise.reject(err)
  }
)

//  由于我们在响应拦截器中 解构了响应的数据res.data 这个res.data代表的就是本次请求响应数据(res)的响应体
//  那么我们拿到的数据就是res.data响应体本身
//  给axios使用泛型  之前给axios指定泛型 也是给的响应体也就是res.data
//   封装请求工具函数
//  三个参数 url method submitData请求参数
//  object类型意思是不论是有没有属性的对象都可以传 以前是{name:string}or{}

// 由于我们解构拿到的数局就是响应体本身 那么第一个参数应该是指定res.data.data得到的就是user类型对应得节点
// 指定res.data的类型 我们解构出来的res.data就是这个样子
type Data<T> = {
  message: string
  code: number
  data: T
}
const request = <T>(
  url: string,
  method: Method = 'GET',
  submitData?: object
) => {
  // 这个工具函数返回的就是axios的调用得到的一个promise实例对象
  // 泛型的第二个参数 可以自定义响应体数据类型
  return instance.request<T, Data<T>>({
    url,
    method,
    // 动态属性 判断请求方式是不是get如果是 那么请求参数是放在params中的 如果不是那就放在请求体中
    [method.toLocaleUpperCase() === 'GET' ? 'params' : 'data']: submitData
  })
}

// request<userType>('/user', 'GET')

export { request, instance, baseURL }
